<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name=viewport
          content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,minimal-ui">
    <meta name="referrer" content="no-referrer">
    <title>xgplayer</title>
    <style type="text/css">
        html,
        body {
            width: 100%;
            height: 100%;
            margin: auto;
            overflow: hidden;
        }
    </style>
</head>
<body>
<div id="mse"></div>
<script src="/assets/bootstrap/js/xgplayer.js" charset="utf-8"></script>
<script>
    let player = new Player({
        "id": "mse",
        "url":"{{.fp}}",
        "playsinline": true,
        "whitelist": [""],
        "autoplay": true,
        "fluid": true,  // 流式布局 可使播放器宽度跟随父元素的宽度大小变化
        "playbackRate": [
            0.5,
            1,
            1.2,
            1.5,
            2,
            3
        ],
        "rotate": {
            "clockwise": false,
            "innerRotate": true
        },
        "screenShot": true,
        "height": window.innerHeight,
        "width": window.innerWidth,
        "download": true,
        "maxBufferLength": 60 // 设置最大缓冲区时长，默认5秒
    });
</script>
</body>
</html>